<template>
	<div>
		<el-image-viewer
			v-if="show"
			:onClose="closeViewer"
			:appendToBody="false"
			:url-list="urlList"></el-image-viewer>
	</div>
</template>
<script>
	import ElImageViewer from 'element-ui/packages/image/src/image-viewer';
	export default {
		name: '',
		components: {
			ElImageViewer,
		},
		mixins: [],
		props: {},
		data() {
			return {
				show: false,
				urlList: [],
				maskBg: '#000',
			};
		},
		computed: {},
		watch: {},
		mounted() {
			// document.getElementById("app").style.overflow = "hidden";
		},
		methods: {
			closeViewer() {
				// document.getElementById("app").style.overflow = "visible";
				this.closePreview();
			},
			closePreview() {},
		},
	};
</script>
<style lang="scss" scoped>
	// ::v-deep .el-image-viewer__mask {
	// 	background-color: #fff;
	// 	opacity: 0;
	// }
</style>
